<template>
    <div id="app" class="app">
        <h1>{{ msg }}</h1>
        <School/>
        <Student/>
    </div>
</template>

<script>
    import Student from "@/components/Student.vue";
    import School from "@/components/School.vue";

    export default {
        name: "App",
        components: {
            Student,
            School
        },
        data() {
            return {
                msg: "欢迎学习Vue",
            };
        }
    };
</script>

<style>
    .app {
        background-color: gray;
        padding: 5px;
    }
</style>

